<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>Big Data Harbour首页</title>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>
</head>
<body>
<div class="container">
  <c:import url="/layout/header"/>
  
  <div class="main2">
    <div class="content2">
	  <div class="content-wrap">
	    <div class="widbox">
	      <div id="slider" class="carousel slide" data-ride="carousel">
	        <ol class="carousel-indicators">
			  <c:forEach var="article" items="${sliderList }" varStatus="status">
			    <li data-target="#slider" data-slide-to="${status.index }" <c:if test="${status.index == 0 }">class="active"</c:if>></li>
			  </c:forEach>
	        </ol>
	        <div class="carousel-inner">
		      <c:forEach var="article" items="${sliderList }" varStatus="status">
		        <div class="item <c:if test="${status.index == 0 }">active</c:if>">
		          <a href="${contextPath }/article/view/${article.id}" target="_blank">
		            <img src="${contextPath }${article.url }" style="width:900px;height:496px;">
		            <span class="carousel-caption">${article.title }</span>
		            <span class="carousel-bg"></span>
		          </a>
		        </div>
		      </c:forEach>
	        </div>
	        <a class="left carousel-control" href="#slider" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></a> 
	        <a class="right carousel-control" href="#slider" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a> 
	      </div>
	      
	      <div class="rightb">
	        <div class="name2">大数据动向</div>
	        <a href="#"><span>更多</span></a>
	        <div class="listbox">
	          <ul>
			    <c:forEach var="article" items="${articleList }" varStatus="status">
				  <a href="${contextPath }/article/view/${article.id}" target="_blank">
		            <li><p>${article.title }</p><div class="dian"></div></li>
		          </a>
		        </c:forEach>
	          </ul>
	        </div>
	      </div>
	      
	    </div>
	  </div>
    </div>
  </div>
	  
  <c:import url="/layout/footer"/>
</div>
</body>
</html>